<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全国两会，我们来了</title>
    <meta name="description" content="佛山九名全国人大代表赴京履职赶考，他们准备说啥？" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <link href="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/swiper-4.1.6.min.css" rel="stylesheet">
    <link href="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/style.css" rel="stylesheet">

</head>
   <style>
        @-webkit-keyframes reverseRotataZ{
        0%{-webkit-transform: rotateZ(0deg);}
        100%{-webkit-transform: rotateZ(-360deg);}
    }
    @-webkit-keyframes rotataZ{
        0%{-webkit-transform: rotateZ(0deg);}
        100%{-webkit-transform: rotateZ(360deg);}
    }
    #bgmusic {    position: fixed;right: 5px;top: 56px;margin-top: 0;display: inline-block;z-index: 99999999;}
    #bgmusic a { display:inline-block;width:36px;height:36px;overflow:hidden;background:url(http://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/mcbg.png) no-repeat;background-size:100%;}
    #bgmusic a audio{width:100%;height:56px;}
    #bgmusic a.stop { background-position:left bottom;}
    #bgmusic a.on { background-position:0px 1px;-webkit-animation: reverseRotataZ 1.2s linear infinite;}


</style>

<body id="list">

    <span id="bgmusic">
        <a id="mc_play" class="on" onclick="play_music();">
            <audio id="musicfx" loop="loop" autoplay="autoplay">
                <source src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/Thomas%20Greenberg%20-%20Small%20World.mp3" type="audio/mpeg">
            </audio>
        </a>
 </span> 

<div id="index">
    <img class="title" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/title.png" />
    <img class="button" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/button.png" onclick="hideIndex()"/>
</div>

<div class="modal" onclick="closeModal()">
    <img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/modal1.png">

</div>


<div class="swiper-container">
    <div class="swiper-wrapper">
         <div class="swiper-slide"></div>
         <div class="swiper-slide"></div>
        <div class="swiper-slide"></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/8.gif" onclick="selectPeople(8)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/1.gif" onclick="selectPeople(1)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/2.gif" onclick="selectPeople(2)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/3.gif" onclick="selectPeople(3)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/4.gif" onclick="selectPeople(4)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/5.gif" onclick="selectPeople(5)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/6.gif" onclick="selectPeople(6)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/7.gif" onclick="selectPeople(7)" /></div>
        <div class="swiper-slide"><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/9.gif" onclick="selectPeople(9)" /></div>
        <div class="swiper-slide" ><img src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/end.png" style="height: 4.7718rem!important;width: 4rem!important;"  /></div>
        <div class="swiper-slide"></div>
     <!--    <div class="swiper-slide"></div> -->
<!--         <div class="swiper-slide"></div>
        <div class="swiper-slide"></div> -->

    </div>
</div>

<div class="ditan"></div>
<a href="http://zero.gdzszero.com/app/index.php?i=9&c=entry&cid=1&do=index_article&m=wei_info_href"><img class="jiangtai" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/jiangtai.png"></img></a>



<div class="detail">
    <img class="jiangtai2" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/jiangtai2.png"></img>
    <img class="usertype" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/usertype1.png"></img>
    <img class="username" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/name1.png"></img>
    <img class="userjob" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/job1.png"></img>
    <img class="return" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/return.png" onclick="returnFun()"></img>
    <img class="share" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/share-icon.png" onclick="showModal()"></img>

    <div class="people-msg">
        <img class="icon" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/left-icon.png" />
        <div class="people-msg-text text1">
            “我就是个农民，每天都了解村民民意。”梁德标说，十九大提出了乡村振兴战略，其当选全国人大代表，也将聚焦在农村、农业和农民这“三农”问题上。
            在本次全国两会上，梁德标将主要关注乡村发展问题，提交有关实施乡村振兴战略方面的建议，为农民发好声，让农民生活得更加幸福。
            <img class="jiangtai3" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/11.png"></img>
        </div>
        <div class="people-msg-text text2">
            “当选全国人大代表，肩上的担子更重了。”孙建国借助工作便利，不断到各个社区进行调研，收集民意。在他看来，人大代表人民选，自己当选代表就是要为人民说话。“社会的治安不单单是靠一个公安部门就做好的，要社会各个职能部门、人民群众一起协作配合，这样社会就会更加和谐和稳定。”孙建国说，他将在日后的工作上做好本职工作，为打造和谐社会、优质营商环境贡献力量。
            <img class="jiangtai4" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/22.png"></img>
        </div>
        <div class="people-msg-text text3">
            33岁的苏荣欢是肇庆人，2008年，他从广东工业大学环境工程专业毕业后，就来到高明入职佛山柯维光电股份有限公司。
            在今年的两会上，针对如何进一步加强农民工技能素质提升，他将提出自己的建议。
            此外，他还将关注农民工权益问题、农民工子女教育问题，留守儿童、空巢老人等问题。
            <img class="jiangtai3" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/33.png"></img>
        </div>
        <div class="people-msg-text text4">
            李金波一直在美的空调技术研发中心从事空调器的制冷系统和材料研发工作。他坚持自主创新精神和工匠精神，首创“一晚一度电”概念，带领团队获得国家科技进步奖项，成为佛山的“科技明星”。
            作为一名研发人员，今年全国两会他将重点关注企业科技创新，带动企业自主创新推动转型发展。
            <img class="jiangtai3" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/44.png"></img>
        </div>
        <div class="people-msg-text text5">
            吴列进现任广东中盈盛达融资担保投资股份有限公司董事长，兼任中国融资担保业协会副会长、广东省信用协会会长。
            今年全国两会，他将重点关注中小企业融资、服务金融、社会信用体系建设相关的内容。除了关注企业发展方面的问题，也希望在民生问题、社会现象方面提出一些可行性的建议。
            <img class="jiangtai3" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/55.png"></img>
        </div>
        <div class="people-msg-text text6">
            黎霞说，她将重点聚焦集体经营性建设用地入市，建立城乡统一的建设用地市场方面，并就明确集体经营性建设用地使用权最高租赁年限的问题提交相关建议。
            两会上，她还会聚焦法治建设和乡村振兴战略两大板块内容。“现在是全面推进依法治国时期，法治建设是法律职业人应该关注的内容。”黎霞说，身为全国人大代表，就是要履好职、担好责。
            <img class="jiangtai5" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/66.png"></img>
        </div>
        <div class="people-msg-text text7">
            当选全国人大代表后，杨珍积极调研职业教育发展方面存在的问题等。作为职校教师，杨珍认为,对于广东、对于佛山来说，尤其要重视职业教育的发展，让职业教育服务好产业发展。
            本次全国两会上，杨珍将提交“关于继续深化现代职业教育发展，助力制造业转型升级”的议案。
            <img class="jiangtai3" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/77.png"></img>
        </div>
        <div class="people-msg-text text8">
              全国人大代表、市委副书记、市长朱伟表示，在两会期间，他将尽好责、履好职，反映好佛山的群众心声、讲好佛山故事，争取国家对佛山更好的支持和帮助。
                <img class="jiangtai8" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/88.png"></img>
        </div>
        <div class="people-msg-text text9">
            作为广东省南丰强制隔离戒毒所四分所一大队队长，他每天都直面艾滋病擦肩而过的危险，及戒毒学员自杀、杀人、故意割破手腕等困难局面。但王涛没有退缩，而是选择忠诚和尽责。2015年他获得“全国先进工作者”荣誉称号，受到党和国家领导人的亲切接见并合影留念。作为新一届全国人大代表，王涛表示将积极履职尽责，为建设幸福广东、美丽佛山作出贡献。
            <img class="jiangtai6" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/99.png"></img>
            
        </div>
    </div>
</div>

<div class="share-modal" onclick="hideModal()">
    <img class="sharetop" src="https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/share-top.png"></img>
    <div class="qcode">
        <img src="http://zero.gdzszero.com/qcode.jpg" />
        <div class="drsc">长按二维码，关注佛山日报</div>
    </div>
</div>
<!-- 
<audio id="bgmusic" autoplay style="display: none;" preload="auto" controls loop hidden="true" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/Jimmy%20Kaleth%20-%20Winning%20Spirit.mp3"></audio>
 -->
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="/public/lianghui/swiper-4.1.6.min.js"></script>
<script>
    var mySwiper;
    $(".title").addClass("big");
    (function () {
        var designWidth = 750, rem2px = 100;
        document.documentElement.style.fontSize = ((window.innerWidth / designWidth) * rem2px) + 'px';

        var meta = document.getElementsByTagName('meta');
        var share_desc = '';
        for(i in meta){
            if(typeof meta[i].name!="undefined"&&meta[i].name.toLowerCase()=="description"){
                share_desc = meta[i].content;
               //share_desc = '全国两会,我们来了';
            }
        }
        var apilist='<%= jssdk.jsApiList %>';
        apilist=apilist.split(',');

        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<%= jssdk.appId %>',
            timestamp: '<%= jssdk.timestamp %>',
            nonceStr: '<%= jssdk.nonceStr %>',
            signature: '<%= jssdk.signature %>',
            jsApiList: apilist
        });

        wx.ready(function(){
           /// document.getElementById('bgmusic').play();
            // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
            wx.onMenuShareTimeline({
                title: document.title, // 分享标题
                link:window.location.href,
                imgUrl:'http://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/titlezero.jpg' // 分享图标
            });
            // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
            wx.onMenuShareAppMessage({
                title: document.title, // 分享标题
                desc: '佛山九名全国人大代表赴京履职赶考，他们准备说啥？', // 分享描述
                link:window.location.href,
                imgUrl: "http://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/titlezero.jpg", // 分享图标
                type: 'link' // 分享类型,music、video或link，不填默认为link
            });


        });

    }());
    function toList() {
        window.location.href="/list.html";
    }
    $(document).ready(function () {
        var docH = $(document).height();
        $(".swiper-container").height(docH);
        setTimeout(function () {
            mySwiper = new Swiper ('.swiper-container', {
                direction: 'vertical',
                loop: true,
                speed:3000,
                autoplay:{
                    delay: 0,
                },
//            allowTouchMove: false,
                slidesPerView : 5,
                centeredSlides : true,
                spaceBetween : 40,
            })
        },1000);
    })

    function showModal() {
        $('.share-modal').fadeIn();
    }
    function hideModal() {
        $('.share-modal').fadeOut();
    }

    function selectPeople(type) {
        $('.usertype').attr("src","https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/usertype"+type+".png");
        $('.username').attr("src","https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/name"+type+".png");
        $('.userjob').attr("src","https://nowechat.oss-cn-shenzhen.aliyuncs.com/lianghui/images/job"+type+".png");
        $('.people-msg-text').fadeOut();
        $('.text'+type).fadeIn();
        $(".detail").fadeIn();
    }
    function returnFun() {
        $('.detail').fadeOut();
        mySwiper.autoplay.start();
    }

    function closeModal() {
        $(".modal").fadeOut();
    }

    function hideIndex() {
        $("#index").fadeOut();
        $("#index .title").fadeOut();
    }



        function audioAutoPlay(id){  
            var audio = document.getElementById(id),  
                play = function(){  
                    audio.play();  
                    document.removeEventListener("touchstart",play, false);  
                };  
            audio.play();  
            document.addEventListener("WeixinJSBridgeReady", function () {  
                play();  
            }, false);  
            document.addEventListener('YixinJSBridgeReady', function() {  
                play();  
            }, false);  
            document.addEventListener("touchstart",play, false);  
        }  
        audioAutoPlay('musicfx');  


           function play_music(){
                if ($('#mc_play').hasClass('on')){
                    $('#mc_play audio').get(0).pause();
                    $('#mc_play').attr('class','stop');
                }else{
                    $('#mc_play audio').get(0).play();
                    $('#mc_play').attr('class','on');
                }
            }

                 function just_play(id){
                $('#mc_play audio').get(0).play();
                $('#mc_play').attr('class','on');
                if (typeof(id)!='undefined'){

                }

            } 
    
            function is_weixn(){
                return false;
                var ua = navigator.userAgent.toLowerCase();
                if(ua.match(/MicroMessenger/i)=="micromessenger") {
                    return true;
                } else {
                    return false;
                }
            }

            window.onload=function(){
                if (!is_weixn()){
                    just_play();
                }
            } 
            


</script>

</html>